WPF MaterialDesign 开源免费UI组件的介绍和简单使用

您所在的位置:网站首页 wpf ui设计 WPF MaterialDesign 开源免费UI组件的介绍和简单使用

WPF MaterialDesign 开源免费UI组件的介绍和简单使用

2023-09-09 11:46| 来源: 网络整理| 查看: 265

导读

最开始接触WPF是2017年11月份,相比当时自己也不大熟悉Winform,觉得WPF做的效果很好。但由于一些原因,公司也没有采用WPF进行项目开发。后来一直都是自己看看MSDN、《WPF编程宝典》、bilibili以及万能的百度等,自己也学到了很多。后来在2018年1月份,自己主张使用WPF开发了一个物联网设备监控系统,虽然遇到很多问题,但是最后的效果我觉得能甩Winform很远...自此,开始了漫长的WPF学习之旅。

最开始应该是今年年初在Bilibili上的一次视频学习中,看到了Material Design,当时没多大在意。就在昨天,我在给新项目找一些框架资源时。发现很多人都对这个免费开源的UI组件赞不绝口,于是就去GitHub下了APPDemo和源码,当时的效果就把我惊艳到了。这个必须学...

 

资源链接分享

官网地址(里面有很多资料):http://materialdesigninxaml.net/

GitHub源码地址:https://github.com/MaterialDesignInXAML/MaterialDesignInXamlToolkit

DemoApp地址:https://github.com/MaterialDesignInXAML/MaterialDesignInXamlToolkit/releases

 

介绍

Material Design是一款简单好用的WPF样式和控件库,其详细介绍请参考官网http://materialdesigninxaml.net/。

 

使用 1.创建项目

.NetFramework版本最好要在4.5以上

2.使用NuGet添加Material Design资源

Tips:项目右键->管理NuGet程序包

3.配置资源

(1)在找到APP.xaml文件并打开,并将资源配置到程序中

(2)在需要使用控件的窗体、页面(我这里时MainWindow.xaml)等文件中引入控件集名字空间

xmlns:materialDesign="http://materialdesigninxaml.net/winfx/xaml/themes"

4.使用控件

打开从GitHub上下载的DemoApp,找到MaterialDesignDemo.exe文件,并运行。

通过右上角的菜单,找到需要的控件

是不是很熟悉的文本,直接复制到我们的项目文件中使用。

后面是我自己随便复制了几个控件,效果果然不错。

Tips:

在使用的过程中,如果遇到一些常见错误:例如某个“不知名”的域名(domain1),这是Material Design的一些名字空间,文本后面一般会标记是来自哪里的,你也可以通过源码找到原作者是怎么实现的。多看源码,不仅仅可以解决一般错误,也许你还会发现,原来你也可能会做一些之前你觉得不可思议的东西:)

 

总结

Material Design是一个很好用的WPF样式库和控件集,对于稍微有点WPF基础的开发者非常友好。简单好用是我的第一感:直接使用NuGet就可以获取到资源包,通过其官方的DemoApp(MaterialDesignDemo)很容易使用控件和样式,上手贼快。对于喜欢钻研的同学来说,他具备完善的资料:GitHub源码和实例,也可以使用DemoApp中的对应控件的“”和“{}”跳转到对应控件的源码,通过学习研究创作出更多的好看、好用的样式和控件。

源码地址:https://download.csdn.net/download/youyomei/11583243

Over

每次记录一小步...点点滴滴人生路...



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3